<template>
  <div>
    <!-- vue中提供一个ref对象，可以用它来进行绑定，完成普通html的dom获取 -->
    <h3 ref="h3ref">你好vue</h3>
    <button @click="getH3El">获取h3的dom对象</button>
  </div>
</template>

<script>
export default {
  mounted(){
    console.log(this.$refs.h3ref)
  },
  methods: {
    getH3El() {
      // 通过 this.$refs对象来获取绑定在html元素中的ref对象的dom对象
      // console.log(this.$refs.h3ref)
      // console.log(this.$refs.h3ref.innerHTML)
      // this.$refs.h3ref.style.color = 'red'
    }
  }
}
</script>

<style lang="scss"></style>
